<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <title>风盾金控服务平台-个人中心</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport"/>
    <meta content="yes" name="apple-mobile-web-app-capable"/>
    <meta content="black" name="apple-mobile-web-app-status-bar-style"/>
    <meta content="telephone=no" name="format-detection"/>
    <link th:href="@{/loanStatic/my/css/style.css}" rel="stylesheet" type="text/css"/>
</head>
    <body>
        <section class="aui-flexView">
            <header class="aui-navBar aui-navBar-fixed">
                <div class="aui-center">
                    <span class="aui-center-title">个人中心</span>
                </div>
            </header>
            <section class="aui-scrollView">
                <div class="aui-panel">
                    <a href="javascript:void(0);" class="aui-panel-cell">
                        <div class="aui-panel-cell-hd">
                            <img th:src="@{/loanStatic/my/images/user-logo.png}" alt="">
                        </div>
                        <div class="aui-panel-cell-bd">
                            <h4 th:text="${realName}"></h4>
                            <p th:text="${mobile}"></p>
                        </div>
                        <!-- <div class="aui-panel-cell-fr">切换账号
                        </div> -->
                    </a>
                </div>
                <div class="aui-amount-red">
                    <div class="aui-amount-text">
                        <p class="aui-title-e">0.00</p>
                        <p class="aui-title-u">待还金额(元) 
                            <em>
                                <img th:src="@{/loanStatic/my/images/icon-eye.png}" alt="">
                            </em>
                        </p>
                    </div>
                </div>
                <div class="divHeight"></div>
                <div class="aui-card-list">
                    <a href="javascript:void(0);" class="aui-panel-well">
                        <div class="aui-panel-well-hd">
                            <img th:src="@{/loanStatic/my/images/icon-card001.png}" alt="">
                        </div>
                        <div class="aui-panel-well-bd">
                            <h4>银行卡</h4>
                        </div>
                        <div th:if="${bankCount eq 0}" class="aui-panel-well-fr">未绑定</div>
                        <div th:if="${bankCount gt 0}" class="aui-panel-well-fr"><span th:text="${bankCount}"></span>张</div>
                    </a>
                    <a href="javascript:void(0);" class="aui-panel-well">
                        <div class="aui-panel-well-hd">
                            <img th:src="@{/loanStatic/my/images/icon-card002.png}" alt="">
                        </div>
                        <div class="aui-panel-well-bd">
                            <h4>借款进度</h4>
                        </div>
                        <div class="aui-panel-well-fr">想借就借,利息最低</div>
                    </a>
                    <div class="divHeight"></div>
                    <a href="javascript:void(0);" class="aui-panel-well">
                        <div class="aui-panel-well-hd">
                            <img th:src="@{/loanStatic/my/images/icon-card003.png}" alt="">
                        </div>
                        <div class="aui-panel-well-bd">
                            <h4>帮助中心</h4>
                        </div>
                        <div class="aui-panel-well-fr"></div>
                    </a>
                    <a onclick="feedbackBtn();" class="aui-panel-well">
                        <div class="aui-panel-well-hd">
                            <img th:src="@{/loanStatic/my/images/icon-card004.png}" alt="">
                        </div>
                        <div class="aui-panel-well-bd">
                            <h4>我要反馈</h4>
                        </div>
                        <div class="aui-panel-well-fr"></div>
                    </a>
                    <a href="javascript:void(0);" class="aui-panel-well">
                        <div class="aui-panel-well-hd">
                            <img th:src="@{/loanStatic/my/images/icon-card005.png}" alt="">
                        </div>
                        <div class="aui-panel-well-bd">
                            <h4>关于我们</h4>
                        </div>
                        <div class="aui-panel-well-fr">
                            <span class="aui-badge"></span>
                        </div>
                    </a>
                    <a href="javascript:void(0);" class="aui-panel-well">
                        <div class="aui-panel-well-hd">
                            <img th:src="@{/loanStatic/my/images/icon-card005.png}" alt="">
                        </div>
                        <div class="aui-panel-well-bd">
                            <h4>设置</h4>
                        </div>
                        <div class="aui-panel-well-fr">
                            <span class="aui-badge"></span>
                        </div>
                    </a>
                </div>
            </section>
        </section>
        

<style type="text/css">
.top_bar{position:fixed;z-index:900;bottom:-1px;left:0;right:0;}
.top_menu{
	border-top:1px solid #b3b3b3;width:100%;height:40px;margin:0;padding:0;
	
	background:rgba(255, 255, 255, 0.7);
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#e7e4e7), to(#b9b9b9));
	background:-o-gradient(linear, 0 0, 0 100%, from(#e7e4e7), to(#b9b9b9));
	background:gradient(linear, 0 0, 0 100%, from(#e7e4e7), to(#b9b9b9));
}
.top_bar .top_menu>li{
	position:relative;text-align:center;display:inline-block;width:25%;float:left;
	
	background:-webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.1)), color-stop(50%, rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.1)));
	background:-o-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), -o-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.1)), color-stop(50%, rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.1)));
	background:gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 0, 0.1)), color-stop(50%, rgba(0, 0, 0, 0.2)), to(rgba(0, 0, 0, 0.2))), gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.1)), color-stop(50%, rgba(255, 255, 255, 0.3)), to(rgba(255, 255, 255, 0.1)));
}
.top_bar .top_menu li a label{padding:3px 0 0 3px;font-size:12px;overflow:hidden;}
/* .top_menu>li:first-child{background:none;} */
.top_bar .top_menu>li>a{height:40px;line-height:40px;display:block;text-align:center;color:#4f4d4f;text-shadow:0 1px rgba(255, 255, 255, 0.3);text-decoration:none;border-top:1px solid #f9f9f9;}
.top_bar .top_menu>li>a p{overflow:hidden;margin:0 0 0 0;font-size:12px;display:block!important;line-height:18px;text-align:center;}
.top_bar .top_menu>li>a img{padding:0;height:20px;width:20px;color:#fff;line-height:40px;vertical-align:middle;}
.top_bar .top_menu>li>a:hover,.top_bar .top_menu>li>a:active{background-color:#CCCCCC;}


/*微信分享开始*/
#mcover{ position: fixed; top:0;  left:0; width:100%; height:100%;background:rgba(0, 0, 0, 0.7);  display:none;z-index:20000;}
#mcover img {position: fixed;right: 18px;top:5px;width: 260px;height: 180px;z-index:20001;}
.img{
  width: 100%;
  min-width: 100%;
  height: 50px;
  margin:0 auto;
  text-align: center;
  font-size: 20px;
}
/*微信分享结束*/
</style>        
<div class="top_bar">
	<div id="mcover" onClick="document.getElementById('mcover').style.display='';" style="">
		<img th:src="@{/loanStatic/images/share.png}">
	</div>
	<nav>
		<ul id="top_menu" class="top_menu">
			<li onclick="homeBtn();">
				<a>
					<img th:src="@{/loanStatic/home/images/plugmenu6.png}"/>
					<label>首页</label>
				</a>
			</li>
			<li onclick="productBtn();">
				<a>
					<img th:src="@{/loanStatic/home/images/chaopin.png}"/>
					<label>产品</label>
				</a>
			</li>
			<li onclick="myCenterBtn();" style="background:none;">
				<a>
					<img th:src="@{/loanStatic/home/images/plugmenu1.png}"/>
					<label>我的</label>
				</a>
			</li>
			<li onClick="document.getElementById('mcover').style.display='block';">
				<a>
					<img th:src="@{/loanStatic/home/images/plugmenu5.png}"/>
					<label >分享</label>
				</a>
			</li>  
		</ul>
	</nav>
</div>
<script>
function productBtn(){
	window.location.href='/moblie/product';
}
function homeBtn(){
	window.location.href='/moblie/home';
}
function myCenterBtn(){
	window.location.href='/moblie/userCenterFrom';
}

function feedbackBtn(){
	window.location.href='/moblie/feedbackFrom'
}
</script>
    </body>
</html>
